<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表标签</title>
</head>
<body>
    <!-- 无序列表unordered list -->
    <ul>
      <!-- list item 列表项 -->
      <li>金蝉子</li>
      <li>孙悟空</li>
      <li>猪八戒</li>
      <li>牛魔王</li>
      <li>嫦娥</li>
    </ul>
    <!-- 有序列表order list -->
    <ol>
      <li>Java基础</li>
      <li>Java面向对象</li>
      <li>Java API</li>
      <li>Web前端</li>
    </ol>
    <h3>列表嵌套</h3>
    <ul>
      <li>
        凉菜
        <ol>
          <li>拍黄瓜</li>
          <li>花毛一体</li>
          <li>一清二白</li>
        </ol>
      </li>
      <li>
        炒菜
        <ol>
          <li>糖醋里脊</li>
          <li>宫保鸡丁</li>
          <li>水煮肉片</li>
        </ol>
      </li>
    </ul>
    <!-- 有序列表中嵌套无序列表 -->
</body>
</html>